<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Vue基本的用法</title>
        <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
    </head>

    <body>
        <div id="root">
            <p>{{title}}</p>
            <p>{{title.toUpperCase()}}</p>
            <!--  TODO:基础指令使用方式 -->
        </div>

        <script>
            Vue.config.productionTip = false;
            new Vue({
                el: '#root',
                data: {
                    title: 'Vue2',
                    url: 'https://www.atguigu.com',
                },
            });
        </script>
    </body>
</html>
